// 规格管理 头
<template>
  <div>
    <h4>
      <i class="iconfont">&#xe65d;</i>
      规格管理
    </h4>
    <ul>
      <el-button
        size="mini"
        v-for="(option,index) in btnArr"
        :key="index"
        @click="btnFc(index)"
      >{{ option }}</el-button>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      btnArr: [
        '添加规格',
        '删除规格'
      ]
    }
  },
  methods: {
    /*
    按钮点击事件  依次包括 ：'添加规格', '删除规格'
    index 为 所点击的按钮的下标索引
    */
    btnFc(index) {
      switch (index) {
        case 0:
          this.addSpecifications()
          break
        case 1:
          this.delSpecifications()
          break
      }
    },
    // 添加规格 事件
    addSpecifications() {

    },
    // 添加规格 事件
    delSpecifications() {

    }

  }
}
</script>

<style lang='scss' scoped>
@import '../OrHeader.scss'
</style>